<template>
  <view class="page-default">
    <c-nav-bar title="电子签名" type="white" bg-color="rgba(255,255,255,0.6)" />

    <div class="h-screen flex flex-col">
      <main class="flex-grow overflow-hidden">
        <div class="h-full w-full flex items-center justify-center">
          <div class="absolute top-30 rotate-90 text-#C5C9D1 -right-14">
            请在空白区域内横向书写
          </div>
        </div>
      </main>

      <footer class="fixed bottom-50 rotate-90 -left-5">
        <u-row gutter="16">
          <u-col span="12">
            <u-button
              size="default"
              shape="circle"
              class="white-button my-6"
            >
              <text class="text-[#6E7B8B]">
                重新书写
              </text>
            </u-button>
          </u-col>
          <u-col span="12">
            <u-button
              size="default"
              shape="circle"
              class="gradient-button my-6"
            >
              <text class="text-white">
                保存签名
              </text>
            </u-button>
          </u-col>
        </u-row>
      </footer>
    </div>
  </view>
</template>

<script lang="ts" setup>
import { onMounted, reactive, ref } from 'vue';
</script>

<style lang="scss" scoped>

</style>
